checkboxgroup 多项选择器组

一、属性说明

属性名 类型 默认值 必填 说明
class-name String 自定义class
bindchange EventHandle iov-checkbox-group中选中项发生改变时触发 change 事件。detail = {value:[选中的 checkbox 的 value 的数组]}

二、示例:

json:

{
    "navigationBarTitleText": "智能小程序官方组件",
    "usingComponents": {
        "iov-checkbox": "iov-ui/lib/checkbox",
        "iov-checkboxgroup": "iov-ui/lib/checkboxgroup"
    }
}

swan:

<view>
    <iov-checkboxgroup value="{{select}}" bindchange="bindchange">
        <iov-checkbox
            value="1"
        >选项1</iov-checkbox>
        <iov-checkbox
            value="2"
        >选项2</iov-checkbox>
        <iov-checkbox
            value="3"
            disabled="{{true}}"
        >选项3</iov-checkbox>
    </iov-checkboxgroup>
</view>

js:

Page({
    data: {
        select: []
    },
    bindchange(e) {
        console.log(e);
        console.log(e.detail.value);
        this.setData({
            select: e.detail.value
        });
    }
});
checkbox 多项选择collapse 折叠面板